<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
{%- block head -%}
	<title>{% block title %}{% endblock %} - Abdulkadir N. A.</title>	
{%- endblock -%}
<link rel="stylesheet" href="/static/css/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" href="/static/css/site.css" />
{% block extrastyles %}{% endblock %}
{%- block extrascripts -%}{% endblock %}
<script type="text/javascript" src="/static/js/bootstrap-dropdown.js"></script>
</head>
<body>

  <div class="navbar">
    <div class="navbar-inner">
      <div class="container" style="width: auto;">
        <div class="nav-collapse">
          <ul class="nav">
           <li class="dropdown">
              <a href="/" class="dropdown-toggle" data-toggle="dropdown">Home</a>
            </li>

           <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">DB Ops <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="/data/create_dbs">Create DBs</a></li>
              </ul>
            </li>

           <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Data Loader <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="/data/load/mysql_memory">Load MySql Memory Results DB</a></li>
                <li><a href="/data/load/memcache">Load Memcache Results Cache</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Data Reset <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="/data/reset/mysql_memory">Reset MySql Memory Results DB</a></li>
                <li><a href="/data/reset/memcache">Reset Memcache Results Cache</a></li>
              </ul>
            </li>
          </ul>


          <ul class="nav pull-right">
            <li>
              <form class="navbar-search pull-left" id="gen_cards" data-action="/data/load/cards/">
                <span style="color: white">Number of cards to generate</span> <input type="text" class="search-query span2" placeholder="" />
              </form>
            </li>
            <li>
              <form class="navbar-search pull-left" id="gen_records" data-action="/data/load/mysql_shards/">
                <span style="color: white"> | Number of results to generate</span> <input type="text" class="search-query span2" placeholder="" />
              </form>
            </li>
          </ul>

        </div><!-- /.nav-collapse -->
      </div>
    </div><!-- /navbar-inner -->
  </div><!-- /navbar -->

<div id="content">{% block content %}{% endblock %}</div>
<div id="footer">
{% block footer %}
	<img class="me" class="pull-left"/>	
	<div style="margin-left: 5px; margin-top: -30px; display: inline;">&copy; Copyright 2012 by <a href="http://kadeerna.tumblr.com/">Abdulkadir N. A.</a>.</div>
{% endblock %}
</div>

<script type="text/javascript">
        $(function() {
                $("form#gen_cards, form#gen_records").submit(function(e) {
                        action = $(this).data("action")
                        $(this).attr({action: action + $(this).find(".search-query").val()});
                        // alert($(this).attr("action"))
                        // e.preventDefault();
                });
        });
</script>

</body>
</html>